<!doctype html>
<html lang="zh-CN" xml:lang="zh-CN"><head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta charset="UTF-8">
<title>【手机及手机相关产品】-小米商城</title>
<meta name="viewport" content="width=1226">
<meta name="description" content="手机的检索结果，小米官方网站包含手机价格及手机适配机型，官方推荐手机产品，帮助米粉挑选合适自己的手机商品。">
<meta name="keywords" content="手机">



<link rel="stylesheet" href="css/base.min.css?v2019092601a">

<link rel="stylesheet" href="css/search.min.css?ver=2019073102">

</head>
<body>



<div class="search-filter">
    <div class="filter-wrap" style="display: block;">
        <div class="filter-list" id="J_filterList">  <ul class="item show-less" id="list_item_class"> <span class="label"> 分类： </span>  <li class=""><a data-log_code="bid=3475590.1.0" class="product-type-item" data-config="{&quot;key&quot;: 0,&quot;name&quot;: &quot;全部&quot;, &quot;checked&quot; : false}" href="javascript: void(0);" data-stat-id="4b0935dea63fb1c9" onclick="_msq.push(['trackEvent', '68d6962069cc2485-4b0935dea63fb1c9', 'javascript:void0', 'pcpid', 'bid=3475590.1.0']);">全部</a></li>  <li class="active"><a data-log_code="bid=3475590.1.1" class="product-type-item" data-config="{&quot;key&quot;: 1,&quot;name&quot;: &quot;手机&quot;, &quot;checked&quot; : true}" href="javascript: void(0);" data-stat-id="0e9d294ea423f32a" onclick="_msq.push(['trackEvent', '68d6962069cc2485-0e9d294ea423f32a', 'javascript:void0', 'pcpid', 'bid=3475590.1.1']);">手机</a></li>  <li class=""><a data-log_code="bid=3475590.1.2" class="product-type-item" data-config="{&quot;key&quot;: 2,&quot;name&quot;: &quot;汽车用品&quot;, &quot;checked&quot; : false}" href="javascript: void(0);" data-stat-id="18752e58320ce585" onclick="_msq.push(['trackEvent', '68d6962069cc2485-18752e58320ce585', 'javascript:void0', 'pcpid', 'bid=3475590.1.2']);">汽车用品</a></li>  <li class=""><a data-log_code="bid=3475590.1.3" class="product-type-item" data-config="{&quot;key&quot;: 3,&quot;name&quot;: &quot;配件&quot;, &quot;checked&quot; : false}" href="javascript: void(0);" data-stat-id="f59e88d62b258017" onclick="_msq.push(['trackEvent', '68d6962069cc2485-f59e88d62b258017', 'javascript:void0', 'pcpid', 'bid=3475590.1.3']);">配件</a></li>  <li class=""><a data-log_code="bid=3475590.1.4" class="product-type-item" data-config="{&quot;key&quot;: 4,&quot;name&quot;: &quot;手机贴膜&quot;, &quot;checked&quot; : false}" href="javascript: void(0);" data-stat-id="89b2838b92913710" onclick="_msq.push(['trackEvent', '68d6962069cc2485-89b2838b92913710', 'javascript:void0', 'pcpid', 'bid=3475590.1.4']);">手机贴膜</a></li>  <li class=""><a data-log_code="bid=3475590.1.5" class="product-type-item" data-config="{&quot;key&quot;: 5,&quot;name&quot;: &quot;手机保护壳&quot;, &quot;checked&quot; : false}" href="javascript: void(0);" data-stat-id="147a6cb4cb58ed57" onclick="_msq.push(['trackEvent', '68d6962069cc2485-147a6cb4cb58ed57', 'javascript:void0', 'pcpid', 'bid=3475590.1.5']);">手机保护壳</a></li>  <li class=""><a data-log_code="bid=3475590.1.6" class="product-type-item" data-config="{&quot;key&quot;: 6,&quot;name&quot;: &quot;服务&quot;, &quot;checked&quot; : false}" href="javascript: void(0);" data-stat-id="749000652332c1bf" onclick="_msq.push(['trackEvent', '68d6962069cc2485-749000652332c1bf', 'javascript:void0', 'pcpid', 'bid=3475590.1.6']);">服务</a></li>   </ul>                                                                            </div>
    </div>
</div>
<div class="search-reuslt">
    <div class="reuslt-order">
        <!-- 地址选择 -->
        <div class="modal-choose-regions hidden" id="J_modalChooseRegions" style="display: none;">
            <div class="modal-body pro-choose-regions">
                <div class="J_chooseRegionsBox" data-type="search">
                    <div class="search-address-wrapper" id="J_searchAddressWrapper">
                        <div class="search-section">
                            <i class="icon icon-search iconfont"></i>
                            <input class="search-input" id="J_searchRegionsInput" type="text" placeholder="输入街道、乡镇、小区或商圈名称" autocomplete="off">
                            <span class="icon icon-del iconfont hide" id="J_searchRegionsInputClear">×</span>
                        </div>
                        <div class="switch-type">
                            <a href="javascript:void(0);" class="J_switchTypeTrigger" data-type="select" data-stat-id="84e04663a15814a1" onclick="_msq.push(['trackEvent', '68d6962069cc2485-84e04663a15814a1', 'javascript:void0', 'pcpid', '']);">手动选择地址&gt;</a>
                        </div>

                        <div class="loading hide">
                            <div class="loader"></div>
                        </div>

                        <!-- 我的收货地址 -->
                        <div class="my-address" id="J_myAddress">
                            <div class="title">我的收货地址</div>
                            <div class="no-login " id="J_noLogin">
                                现在<a href="//order.mi.com/site/login?redirectUrl=https://search.mi.com/search_%E6%89%8B%E6%9C%BA" data-stat-id="9944fcda01fd1a99" onclick="_msq.push(['trackEvent', '68d6962069cc2485-9944fcda01fd1a99', '#', 'pcpid', '']);">登录</a>，可根据收货地址快速定位
                            </div>
                            <div class="list-wrapper">
                                <ul class="list clearfix"></ul>
                            </div>
                        </div>

                        <!-- 附近商圈 -->
                        <div class="nearby-address hide" id="J_nearbyAddress">
                            <div class="title">附近商圈</div>
                            <ul class="list clearfix"></ul>
                        </div>

                        <!-- 搜索列表 -->
                        <div class="search-address hide" id="J_searchAdress">
                            <ul class="list clearfix"></ul>
                        </div>

                        <div class="no-result hide" id="J_noSearchResult">
                            没有找到这个地方，<a href="javascript:void(0);" class="J_switchTypeTrigger" data-type="select" data-stat-id="bf4b6022f582f76a" onclick="_msq.push(['trackEvent', '68d6962069cc2485-bf4b6022f582f76a', 'javascript:void0', 'pcpid', '']);">手动选择&gt;</a>
                        </div>
                    </div>
                </div>
                <div class="J_chooseRegionsBox chooseRegionsBox hide" data-type="select">
                    <div class="select-address-wrapper" id="J_selectAddressWrapper"> <div class="select-box clearfix" id="J_selectWrapper"> <div class="select-first select-item J_select" data-init-txt="选择省份/自治区">选择省份/自治区</div> <div class="select-item J_select hide" data-init-txt="选择城市/地区"></div> <div class="select-item J_select hide" data-init-txt="选择区县"></div> <div class="select-last select-item J_select hide" data-init-txt="选择配送区域"></div> </div> <div class="options-box"> <ul class="options-list J_optionsWrapper clearfix">  <li class="option J_option" data-value="2" data-txt="北京">北京 </li>  <li class="option J_option" data-value="3" data-txt="天津">天津 </li>  <li class="option J_option" data-value="4" data-txt="河北">河北 </li>  <li class="option J_option" data-value="5" data-txt="山西">山西 </li>  <li class="option J_option" data-value="6" data-txt="内蒙古">内蒙古 </li>  <li class="option J_option" data-value="7" data-txt="辽宁">辽宁 </li>  <li class="option J_option" data-value="8" data-txt="吉林">吉林 </li>  <li class="option J_option" data-value="9" data-txt="黑龙江">黑龙江 </li>  <li class="option J_option" data-value="10" data-txt="上海">上海 </li>  <li class="option J_option" data-value="11" data-txt="江苏">江苏 </li>  <li class="option J_option" data-value="12" data-txt="浙江">浙江 </li>  <li class="option J_option" data-value="13" data-txt="安徽">安徽 </li>  <li class="option J_option" data-value="14" data-txt="福建">福建 </li>  <li class="option J_option" data-value="15" data-txt="江西">江西 </li>  <li class="option J_option" data-value="16" data-txt="山东">山东 </li>  <li class="option J_option" data-value="17" data-txt="河南">河南 </li>  <li class="option J_option" data-value="18" data-txt="湖北">湖北 </li>  <li class="option J_option" data-value="19" data-txt="湖南">湖南 </li>  <li class="option J_option" data-value="20" data-txt="广东">广东 </li>  <li class="option J_option" data-value="21" data-txt="广西">广西 </li>  <li class="option J_option" data-value="22" data-txt="海南">海南 </li>  <li class="option J_option" data-value="23" data-txt="重庆">重庆 </li>  <li class="option J_option" data-value="24" data-txt="四川">四川 </li>  <li class="option J_option" data-value="25" data-txt="贵州">贵州 </li>  <li class="option J_option" data-value="26" data-txt="云南">云南 </li>  <li class="option J_option" data-value="27" data-txt="西藏">西藏 </li>  <li class="option J_option" data-value="28" data-txt="陕西">陕西 </li>  <li class="option J_option" data-value="29" data-txt="甘肃">甘肃 </li>  <li class="option J_option" data-value="30" data-txt="青海">青海 </li>  <li class="option J_option" data-value="31" data-txt="宁夏">宁夏 </li>  <li class="option J_option" data-value="32" data-txt="新疆">新疆 </li>  </ul> <ul class="options-list J_optionsWrapper clearfix hide"></ul> <ul class="options-list J_optionsWrapper clearfix hide"></ul> <ul class="options-list J_optionsWrapper clearfix hide"></ul> </div></div>
                    <div class="switch-type">
                        <a href="javascript:void(0);" class="J_switchTypeTrigger" data-type="search" data-stat-id="08c5facd3f467933" onclick="_msq.push(['trackEvent', '68d6962069cc2485-08c5facd3f467933', 'javascript:void0', 'pcpid', '']);">地址不好找，直接搜一搜&gt;</a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 搜索结果列表过滤 -->
        
        <div class="goods-list-box">
            <div class="goods-list clearfix" id="J_goodsList">   <div class="goods-item" data-productid="10889"> <div class="figure figure-img"> <a data-log_code="pc_search_0_0#seid=21:0:0:0:0:0:0:0:0:0&amp;page=pc_search&amp;pid=10889&amp;keyword=手机&amp;search_word=%!(EXTRA string=手机)" target="_blank" href="//item.mi.com/1193900013.html?cfrom=search" data-stat-id="0db9e0b15d674531" onclick="_msq.push(['trackEvent', '68d6962069cc2485-0db9e0b15d674531', '//item.mi.com/1193900013.htmlcfrom=search', 'pcpid', 'pc_search_0_0#seid=21:0:0:0:0:0:0:0:0:0&amp;page=pc_search&amp;pid=10889&amp;keyword=手机&amp;search_word=EXTRA string=手机']);"> <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1569297737.97669352.jpg" width="200" height="200" alt=""> </a> </div> <h2 class="title"><a data-log_code="pc_search_0_0#seid=21:0:0:0:0:0:0:0:0:0&amp;page=pc_search&amp;pid=10889&amp;keyword=手机&amp;search_word=%!(EXTRA string=手机)" target="_blank" href="//item.mi.com/1193900013.html?cfrom=search" data-stat-id="c3345c67969da0e3" onclick="_msq.push(['trackEvent', '68d6962069cc2485-c3345c67969da0e3', '//item.mi.com/1193900013.htmlcfrom=search', 'pcpid', 'pc_search_0_0#seid=21:0:0:0:0:0:0:0:0:0&amp;page=pc_search&amp;pid=10889&amp;keyword=手机&amp;search_word=EXTRA string=手机']);">小米MIX Alpha</a></h2> <p class="price">19999元  </p> <div class="thumbs"> <ul class="thumb-list">  <li data-label="{&quot;activity_label&quot;: [{&quot;type&quot;:&quot;interestfree&quot;,&quot;img_url&quot;:&quot;http://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/05c84c8d8ffebf7fd17c8838b5d81ee6.png&quot;,&quot;img_url_webp&quot;:&quot;http://i8.mifile.cn/v1/a1/767891fb-648d-4f6c-7425-3b63728a32de.webp&quot;,&quot;w&quot;:84,&quot;h&quot;:36}]}" data-config="{&quot;cid&quot;:&quot;1193900013&quot;,&quot;name&quot;:&quot;%E5%B0%8F%E7%B1%B3MIX%20Alpha&quot;,&quot;gid&quot;:&quot;1193900013&quot;,&quot;price&quot;:19999,&quot;mprice&quot;:&quot;19999&quot;}" data-commodityid="1193900013"> <a data-stat-id="8f00b204e9800998" onclick="_msq.push(['trackEvent', '68d6962069cc2485-8f00b204e9800998', '', 'pcpid', '']);"><img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1569297737.97669352.jpg" width="34" height="34" alt=""></a> </li>  </ul> </div> <div class="flags">  <span class="salel-label">  <img class="sale-icon" src="http://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/05c84c8d8ffebf7fd17c8838b5d81ee6.png" width="42" height="18" alt="">  </span> </div> <div class="notice"></div> </div>                                        </div>
            <div id="J_goodListPages"><div class="xm-pagenavi">  <span class="numbers first"><span class="iconfont"></span></span>     <span class="numbers current">1</span>   <a href="#2" class="numbers" data-pager="2" data-stat-id="53c27cd1e028bf0d" onclick="_msq.push(['trackEvent', '68d6962069cc2485-53c27cd1e028bf0d', '#2', 'pcpid', '']);">2</a>   <a href="#3" class="numbers" data-pager="3" data-stat-id="ac9fcf7bfef7487d" onclick="_msq.push(['trackEvent', '68d6962069cc2485-ac9fcf7bfef7487d', '#3', 'pcpid', '']);">3</a>   <a href="#4" class="numbers" data-pager="4" data-stat-id="869e754b765c6f12" onclick="_msq.push(['trackEvent', '68d6962069cc2485-869e754b765c6f12', '#4', 'pcpid', '']);">4</a>     <a href="#2" class="numbers last" data-pager="2" data-stat-id="21e8acad2d2e9481" onclick="_msq.push(['trackEvent', '68d6962069cc2485-21e8acad2d2e9481', '#2', 'pcpid', '']);"><span class="iconfont"></span></a></div></div>
        </div>
    </div>
    
</div>

<script src="js/jquery-1.12.4.min.js"></script>
<script>
    $(function () {
            mkCourse.loadData();
    })
    var mkCourse={
        pageNo:1,
        pageSize:5,
        loadData:function () {
            $.ajax({
                type:"get",
                url:"http://localhost:8080/findCourse",
                data:{
                    pageNo: mkCourse.pageNo,
                    pageSize:mkCourse.pageSize
                },
                success:function (res) {
                    // console.log(res);
                    var result = res.list;
                    var html="";
                    for (var i = 0; i < result.length; i++) {
                        html+="<div class=\"goods-item\" data-productid=\"10889\"> <div class=\"figure figure-img\"> <a data-log_code=\"pc_search_0_0#seid=21:0:0:0:0:0:0:0:0:0&amp;page=pc_search&amp;pid=10889&amp;keyword=手机&amp;search_word=%!(EXTRA string=手机)\" target=\"_blank\" href=\"//item.mi.com/1193900013.html?cfrom=search\" data-stat-id=\"0db9e0b15d674531\" onclick=\"_msq.push(['trackEvent', '68d6962069cc2485-0db9e0b15d674531', '//item.mi.com/1193900013.htmlcfrom=search', 'pcpid', 'pc_search_0_0#seid=21:0:0:0:0:0:0:0:0:0&amp;page=pc_search&amp;pid=10889&amp;keyword=手机&amp;search_word=EXTRA string=手机']);\"> <img src=\"https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1569297737.97669352.jpg\" width=\"200\" height=\"200\" alt=\"\"> </a> </div> <h2 class=\"title\"><a data-log_code=\"pc_search_0_0#seid=21:0:0:0:0:0:0:0:0:0&amp;page=pc_search&amp;pid=10889&amp;keyword=手机&amp;search_word=%!(EXTRA string=手机)\" target=\"_blank\" href=\"//item.mi.com/1193900013.html?cfrom=search\" data-stat-id=\"c3345c67969da0e3\" onclick=\"_msq.push(['trackEvent', '68d6962069cc2485-c3345c67969da0e3', '//item.mi.com/1193900013.htmlcfrom=search', 'pcpid', 'pc_search_0_0#seid=21:0:0:0:0:0:0:0:0:0&amp;page=pc_search&amp;pid=10889&amp;keyword=手机&amp;search_word=EXTRA string=手机']);\">"+result[i].title+"</a></h2> <p class=\"price\">"+result[i].price+"元  </p> <div class=\"thumbs\"> <ul class=\"thumb-list\">  <li data-label=\"{&quot;activity_label&quot;: [{&quot;type&quot;:&quot;interestfree&quot;,&quot;img_url&quot;:&quot;http://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/05c84c8d8ffebf7fd17c8838b5d81ee6.png&quot;,&quot;img_url_webp&quot;:&quot;http://i8.mifile.cn/v1/a1/767891fb-648d-4f6c-7425-3b63728a32de.webp&quot;,&quot;w&quot;:84,&quot;h&quot;:36}]}\" data-config=\"{&quot;cid&quot;:&quot;1193900013&quot;,&quot;name&quot;:&quot;%E5%B0%8F%E7%B1%B3MIX%20Alpha&quot;,&quot;gid&quot;:&quot;1193900013&quot;,&quot;price&quot;:19999,&quot;mprice&quot;:&quot;19999&quot;}\" data-commodityid=\"1193900013\"> <a data-stat-id=\"8f00b204e9800998\" onclick=\"_msq.push(['trackEvent', '68d6962069cc2485-8f00b204e9800998', '', 'pcpid', '']);\"><img src=\"https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1569297737.97669352.jpg\" width=\"34\" height=\"34\" alt=\"\"></a> </li>  </ul> </div> <div class=\"flags\">  <span class=\"salel-label\">  <img class=\"sale-icon\" src=\"http://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/05c84c8d8ffebf7fd17c8838b5d81ee6.png\" width=\"42\" height=\"18\" alt=\"\">  </span> </div> <div class=\"notice\"></div> </div>";
                    }
                    $("#J_goodsList").html(html);
                }
            })
        },
        save:function () {

        },
        update:function () {

        },
        del:function () {

        }
    }
</script>

</body></html>